{extend name="public/base"}
{block name="title"}{/block}
{block name="css"}
<style>
    .layui-container {display: flex;align-items: center;height: 100%;}
</style>
{/block}
{block name="main"}
{:widget('Pub/header')}
<div class="top-box">
    <div class="layui-container">
        <div class="tip-box">
            <div class="t-vertical"></div>
            <div class="t-title">服务支持</div>
        </div>
    </div>
</div>
<div class="main">
    <!-- 列表 -->
    <div class="layui-row">
        {volist name="list" id="vo"}
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md6">
            <div class="service-box">
                <a href="{$vo.url}">
                    <div class="service-img">
                        <img src="{$vo.img}" alt="电容器的寿命计算器">
                    </div>
                    <div class="service-title">{$vo.title}</div>
                </a>
            </div>
        </div>
        {/volist}
    </div>
</div>
{:widget('Pub/footer')}
{/block}
{block name="js"}
<script>
    new WOW().init();
</script>
{/block}